<template>

  <!-- 全局提示框 -->
  <div v-show="visible" class="dialog-tips">
    <div class="cdialog-center">{{message}}</div>
  </div>

</template>
<script>
  export default {
    data() {
      return {
        visible: false,
        message: ""
      };
    }
  };
</script>
<style scoped lang="scss">
  .dialog-tips{
    transition: all .5s;

    position: fixed;
    top:0;left:0;right:0;bottom:0;
    z-index: 9999;
    text-align: center;



  }
  .cdialog-center {
    position: relative;top:45%;
    transition: all .5s;
    margin:0 auto;
    max-width: 80%;



    display:inline-block;
    color:#FFF;
    background:rgba(0,0,0,.7);
    padding:5px 8px;
    border-radius: 3px;
    font-size:14px;
    white-space: pre-wrap;
    text-align: center;


  }

</style>
